<template>
    <el-container>
        <el-header>
            <navbar></navbar>
        </el-header>
        <el-main>
            <div class='goodsdetail'>
                <goodsInfo></goodsInfo>
                <goodspractice></goodspractice>
            </div>
        </el-main>
    </el-container>
</template>
<script>
    import goodsInfo from "../components/goodsdetail/goodsInfo"
    import goodspractice from "../components/goodsdetail/goodspractice"
    import navbar from "../components/navbar";
    export default {
        data() {
            return {}
        },
        components: {
            navbar,
            goodsInfo,
            goodspractice
        }
    }
</script>
<style scoped>
    .goodsdetail {
        width: 900px;
        margin: 0 auto;
    }
</style>